<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>趣寻网</title>
	<link href="css/bootstrap.min.css" rel="stylesheet">
  </head>

  <body style="background-color: #eee;">
	<div class="container-fluid" style="padding: 0px;">
    	<div class="panel panel-default" style="height: 900px;">
			<div class="panel-heading">保险信息</div>
			<div class="panel-body">
				<form action="" class="form-horizontal">
					<div class="form-group" style="margin-bottom:5px;">
						<div class="control-label col-xs-3" style="padding:5px 0px 0px 20px;">产品名称：</div>
						<div class="control-label col-xs-9">
							<h4>趣寻“爱游学”保障计划</h4>
						</div>
					</div>
					<div class="form-group" style="margin-bottom:5px;">
						<div class="control-label col-xs-3" style="padding:5px 0px 0px 20px;">购买份数:</div>
						<div class="control-label col-xs-9">
							<select class="form-control" style="border:0px;border-bottom:#eee 1px solid;">
								<option value="1">1份</option>
								<option value="2">2份</option>
								<option value="3">3份</option>
								<option value="3">4份</option>
								<option value="3">5份</option>
								<option value="3">6份</option>
								<option value="3">7份</option>
								<option value="3">8份</option>
								<option value="3">9份</option>
							</select>
						</div>
					</div>
					<div class="form-group" style="margin-bottom:5px;">
						<div class="control-label col-xs-3" style="padding:5px 0px 0px 20px;">起保时间：</div>
						<div class="control-label col-xs-9">
							<input type="text" class="form-control" style="border:0px;border-bottom:#eee 1px solid;" name="username">
						</div>
					</div>
					<div class="form-group" style="margin-bottom:25px;">
						<div class="control-label col-xs-3" style="padding:5px 0px 0px 20px;">保障期限：</div>
						<div class="control-label col-xs-9">
							<input type="text" class="form-control" style="border:0px;border-bottom:#eee 1px solid;" name="username">
						</div>
					</div>
					
					<div class="form-group" style="margin-bottom:5px;">
						<div class="control-label col-xs-5">需要寄送发票：</div>
						<div class="control-label col-xs-7">
							<input type="checkbox">	
						</div>
						
					</div>
					<div class="form-group" style="margin-bottom:5px;">
						<div class="control-label col-xs-5" style="padding:5px 0px 0px 20px;">缴纳金额：</div>
						<div class="control-label col-xs-7">
							<span style="font-size:2.1rem;color:#d9534f;">¥20</span>元
						</div>
					</div>

					<div class="checkbox" style="margin-top: 40px;padding-left: 20px;">
					    <label>
					    	<input type="checkbox" checked="checked"> 本人已阅读并同意<a href="#">《保险条款》</a>和<a href="#">《平台服务协议》</a>
					    </label>
					</div>
					
					<div style="margin-top: 20px;">
						<a class="btn btn-block btn-success">立即购买</a>	
					</div>
					
				</form>
			</div>
		</div>
	</div>
	
	<script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script>
		$(function (){
		    
		});
	</script>
  </body>
</html>